<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-height,inital-scale=1,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <title>客服中心</title>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/customer_service.css">
</head>
<body>
<div class="top">
    <ul>
        <li><span>Hi,唐伟</span><span>欢迎来到客服中心</span></li>
    </ul>
</div>
<div class="main">
    <ul>
        <img src="image/wenti.png">
        <p>常见问题<span><a href="problem_list.html">更多</a></span></p>
    </ul>

    <ul>
        <img src="image/shiping.png">
        <p>视频解释<span><a href="video.html">更多</a></span></p>
        <li>海贝钱包产品</li>
        <li>海贝钱包操作教程</li>
    </ul>

    <ul>
        <img src="image/kegu.png">
        <p onclick="callphone()">客服热线<span> > </span></p>
    </ul>

    <ul>
        <img src="image/yijain.png">
        <p><a href="feedback.html?token=2">意见反馈<span> > </span></a></p>
    </ul>

    <ul>
        <img src="image/wenti.png">
        <p>海贝QQ互动群<span> > </span></p>
        <p class="border">海贝互动微信<span> > </span></p>
    </ul>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script>
    /**
     * 客服电话
     */
    function callphone() {
        window.location.href = "tel:13658346642";
    }

    /**
     * 获取问题列表
     */
    $.ajax({
        url: './json/problem.json',
        type: 'get',
        dataType: 'json',
        success: function (data) {
            var problemList = "";
            var problem = data.problem.slice(0,2);
            for (var i = 0; i <problem.length; i++) {
                problemList += "<li><a href='"+problem[i].href+"'>"+problem[i].problemName+"</a></li>"
            }
            $('.main ul').eq(0).append(problemList);
        }
    })

</script>
</html>